<!DOCTYPE html>
<html lang="en">
<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="./css/bootstrap.css">
  <style>
    /*样式重写*/
    /*.rounded-bottom{
      border-radius: 20em;
    }*/
  </style>
</head>
<body>

<!--<h1 class="border border-bottom-0 w-25">Hello, world!</h1>-->
<!--<h1 class="border-bottom w-25">Hello, world!</h1>-->
<!--<h1 class="rounded-circle bg-primary" style="width:10rem;height:10rem;">Hello, world!</h1>-->
<!--
<div>
  <h1 class="rounded-circle bg-primary float-right" style="width:10rem;height:10rem;">Hello</h1>
</div>
<div class="clearfix">
  <h1 class="rounded-circle bg-primary" style="width:10rem;height:10rem;"> world!</h1>
</div>
-->

<!--<h3 class="text-primary">啥地方</h3>
<h3 class="text-danger">啥地方</h3>
<h3 class="text-warning">啥地方</h3>
<h3 class="text-dark">啥地方</h3>
<h3 class="text-white bg-dark">啥地方</h3>
<h3 class="text-secondary">啥地方</h3>-->

<!--<div class="d-none">box</div>
<div class="d-inline" style="width:2rem">box</div>
<div class="d-inline" style="width:2rem">box</div>-->
<h3 class="mb-0">我是标题</h3>
<div class="bg-success sticky-top">box</div>

<p class="mb-1 bg-primary">xx1</p>
<p class="mb-2 bg-secondary">xx2</p>
<p class="bg-danger">xx</p>
<p class="bg-warning">xx</p>
<p>xx</p>
<p class="w-25 mx-auto">w-25 mx-auto</p>
<p class="bg-danger px-5">bg-danger px-5</p>
<p>我是文本.我是文本我是文本,我是文本,我是文本</p>
<p class="text-right">我是文本.我是文本我是文本,我是文本,我是文本</p>
<p class="text-center">我是文本.我是文本我是文本,我是文本,我是文本</p>
<p class="w-25 h-25 bg-secondary text-truncate">我是文本.我是文本我是文本,我是文本,我是文本我是文本.我是文本我是文本,我是文本,我是文本我是文本.我是文本我是文本,我是文本,我是文本我是文本.我是文本我是文本,我是文本,我是文本</p>
<p class="w-25 h-25 bg-secondary text-nowrap">我是文本.我是文本我是文本,我是文本,我是文本我是文本.我是文本我是文本,我是文本,我是文本我是文本.我是文本我是文本,我是文本,我是文本我是文本.我是文本我是文本,我是文本,我是文本</p>
<p class="text-capitalize">i lOVe yOu up to ever!</p>
<p class="bg-success">
  <span></span><img src="" alt="">
</p>
<p class="bg-secondary w-25 mx-auto">xx</p>
<p>xx</p>
<p>xx</p>
<p>xx</p>

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<!--<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js" ></script>-->
<!--<script src="https://cdn.bootcss.com/popper.js/1.11.0/umd/popper.min.js"></script>-->
<!--<script src="./js/bootstrap.js"></script>-->
</body>
</html>